<script setup lang="ts">
import {data} from "../js/Data.ts";
import StarTab from "./StarTab.vue";
import GalaxyTab from "./PlanetTab.vue";
import ResourceTab from "./ResourceTab.vue";
</script>

<template>
  <n-card>
    <n-tabs
        :value="data.chooseTab"
        justify-content="space-evenly"
        type="line"
        @update:value="(v: string) => data.chooseTab = v"
    >
      <n-tab-pane name="star" tab="星图">
        <StarTab/>
      </n-tab-pane>
      <n-tab-pane name="galaxy" tab="行星">
        <GalaxyTab/>
      </n-tab-pane>
      <n-tab-pane :disabled="data.moveLeftTime > 0" name="raw" tab="资源">
        <ResourceTab/>
      </n-tab-pane>
      <!--      <n-tab-pane :disabled="data.moveLeftTime > 0" name="store" tab="仓库">-->
      <!--        <StoreTab/>-->
      <!--      </n-tab-pane>-->
      <!--      <n-tab-pane :disabled="data.moveLeftTime > 0" name="energy" tab="发电">-->
      <!--        <EnergyTab/>-->
      <!--      </n-tab-pane>-->
      <!--      <n-tab-pane :disabled="data.moveLeftTime > 0" name="hand" tab="制作">-->
      <!--        <FormulaTab/>-->
      <!--      </n-tab-pane>-->
      <!--      <n-tab-pane name="inventory" tab="背包">-->
      <!--        <InventoryTab/>-->
      <!--      </n-tab-pane>-->
      <n-tab-pane name="config" tab="设置">
        七里香
      </n-tab-pane>
    </n-tabs>
  </n-card>
</template>

<style scoped>

</style>